<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>hello world</title>
    <script src="../000-assets/js/react.development.js"></script>
    <script src="../000-assets/js/react-dom.development.js"></script>
    <script src="../000-assets/js/babel.min.js"></script>
  </head>
  <body>
    <script>
      // react是用来代替繁琐的DOM操作代码的，那么问题来了，你还记得DOM操作的js代码怎么写吗？

      // 通过原生js，创建一个div并放到body里面
      const div = document.createElement("div");
      div.innerHTML = "hello world";
      document.body.appendChild(div);

      // 用react实现刚才的功能
      // 通过react向页面中添加一个div
      /*
          React.createElement()
            - 用来创建一个React元素
            - 参数:
                1. 元素名
                2. 元素中的属性
                3. 元素的子元素或者内容
      */
      const div2 = React.createElement("div", {}, "hello world");
    </script>
  </body>
</html>
